<!-- 登录 支付 开发红包功能 -->
<template>
	<view class="home-head-tab">
		<view class="user-info f-ac" v-if="isLogin" @tap="toHomePage">
			<image src="../../static/test/banner3.jpg" mode="scaleToFill"></image>
			<view  class="f1 f-jsb f-ac">
				<view>
					<view class="uname">楚绵</view>
					<view class="f-ac stist">
						<view>总访客 0</view>
						<view>今日 0</view>
					</view>
				</view>
				<view class="hht-r">></view>
			</view>
		</view>
		<view class="user-login" v-else>
			<view>登录，体验更多功能</view>
			<view class="login-tab">
				<image src="../../static/image/login/wechat.png" mode="aspectFit"></image>
				<image src="../../static/image/login/qq.png" mode="aspectFit"></image>
				<image src="../../static/image/login/weibo.png" mode="aspectFit"></image>
			</view>
			<view>账号密码登录 > </view>
		</view>
	</view>
</template>

<script>
	export default {
		computed:{
			isLogin(){
				return false
			}
		},
		methods:{
			toHomePage(){
				uni.navigateTo({
					url: '../../pages/home-page/home-page',
				});
			}
		}
		
	}
</script>

<style scoped>
	.user-login {
		margin-bottom: 20rpx;
	}
	.user-login > view:first-of-type  {
		text-align: center;
		font-size: 28rpx;
		font-weight: 600;
	}
	.user-login > view:last-of-type {
		text-align: center;
		font-size: 28rpx;
		color: #5A595B;
	}
	
	.user-login  image {
		width: 110rpx;
		height: 110rpx;
	}
	
	.login-tab {
		margin: 40rpx 150rpx;
		display: flex;
		justify-content: space-around;
	}
	
	.home-head-tab {
		margin-top: 30rpx;
	}

	
	.user-info > image {
		width: 120rpx;
		height: 120rpx;
		border-radius: 100%;
		margin: 20rpx;
		margin-right: 40rpx;
	}
	
	.uname {
		font-size: 30rpx;
		font-weight: 700;
	}
	
	.stist > view {
		font-size: 24rpx;
		color: #B8B6B8;
		margin-right: 20rpx;
	}
	
	.hht-r {
		margin-right: 30rpx;
		font-size: 36rpx;
		color: #767576;
		font-weight: 700;
	}
</style>
